
.home-main{
  box-sizing: border-box;
  .myFriend{
    background-color: #fff;
    box-sizing: border-box;
    padding: 20rpx;
    width: 100%;
    .myFriend-flex{
      padding: 20rpx 0;
      display: flex;
      width: 100%;
      box-sizing: border-box;
      border-bottom: 1px solid rgba(0,0,0,.1);
      // margin-bottom: 20rpx;
      padding-top: 30rpx;
      &:last-child{
        border-bottom: 1px solid transparent;
      }
      .left{
        width: 100rpx;
        height: 100rpx;
        .img{
          height: 100%;
          width: 100%;
          border-radius: 10rpx;
        }
      }
      .content{
        flex: 1;
        padding-left: 25rpx;
        display: flex;
        flex-direction: column;
        justify-content: space-around;
        .title{
          font-size: 32rpx;
          font-weight: 550;
        }
        .mess{
          font-size: 22rpx;
          color: #686666;
        }
      }
      .right{
        width: 150rpx;
        box-sizing: border-box;
        .time{
          display: flex;
          justify-content: flex-end;
          width: 100%;
          font-size: 24rpx;
          color: #686666;
        }
      }
    }
  }

  .tologin{
      position: absolute;
      top: 50%;
      left: 50%;
      transform: translate(-50%,-50%);
      .logBtn{
            background-color: #07c160;
            color: #fff;
            padding: 20rpx 40rpx;
            border-radius: 10rpx;
      }
  }
}